page {
  background: #f4f4f4;
}

// .container {
//   padding-top: 80rpx;
// }

.sort {
  position: fixed;
  top: 90rpx;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.15);
  background: #fff;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  .item {
    flex: 1;
    font-size: 30rpx;
    text {
      color: #333;
    }
  }
  .active {
    text {
      color: #b4282d;
    }
  }
  .item.by-price {
    background: url(//yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/no-3127092a69.png) 155rpx center no-repeat;
    background-size: 15rpx 21rpx;
  }

  .item.by-price.active.asc {
    background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/up-636b92c0a5.png) 155rpx center no-repeat;
    background-size: 15rpx 21rpx;
  }

  .item.by-price.active.desc {
    background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/down-95e035f3e5.png) 155rpx center no-repeat;
    background-size: 15rpx 21rpx;
  }
}

.cate-item {
  .scroll {
    padding-top: 80rpx;
    height: calc(100vh - 170rpx);
    overflow: hidden;
  }
  .item {
    display: inline-block;
    width: 50%;
    background: #fff;
    text-align: center;
    border-bottom: 1rpx solid #f4f4f4;
    image {
      display: block;
      margin: 0 auto;
      width: 300rpx;
      height: 300rpx;
    }
    .name {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 20rpx;
      font-size: 30rpx;
      color: #333;
    }
    .price {
      display: inline-block;
      margin: 20rpx 0;
      font-size: 30rpx;
      color: #b4282d;
    }
    .sale {
      margin-left: 10rpx;
      font-size: 24rpx;
      color: #666;
    }
    &:nth-child(odd) {
      border-right: 1rpx solid #f4f4f4;
    }
  }
}
